<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Mebel Group</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
  <link rel="stylesheet" href="css/slick.css">
  <link rel="stylesheet" href="css/libs/min.css">
  <link rel="stylesheet" href="css/style.min.css">
</head>

<body>

  <div class="wrapper">
    <div class="cursor">
      <div class="cursor-follower"></div>
    </div>
    <div class="content">
      <header class="header">
        <div class="header__top">
          <div class="container">
            <div class="header__top-inner animate__animated animate__fadeInDown">

              <div class="header__box--left">
                <div class="header__logo">
                  <a href="#">
                    <span>Mebel</span>Group
                  </a>
                </div>
                <div class="header__menu">
                  <ul>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Feedback</a></li>
                  </ul>
                </div>
              </div>

              <div class="header__box--right">
                <div class="header__text">
                  <a class="header__phone menu-item" href="tel:84951265327">+7 (495) 126-53-27</a>
                  <a class="header__delivery delivery menu-item" href="#">Delivery throughout Russia</a>
                  <a class="close" href="#"></a>
                </div>

                <div class="header__search-form">
                  <form>
                    <input type="text" placeholder="Search">
                  </form>
                </div>

                <div class="header__btn">
                  <a class="header__btn-menu icon-search" href="#" id="search"></a>
                  <a class="header__btn-menu icon-user" href="#"></a>
                  <a class="header__btn-menu icon-shopping-cart" href="#"></a>
                  <div class="header__btn-menu">
                    <div class="hamburger menu-btn" id="toggle">
                      <div class="hamburger__span one" id="one"></div>
                      <div class="hamburger__span two" id="two"></div>
                      <div class="hamburger__span three" id="three"></div>
                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </header>

      <section class="categories">
        <div class="container">
          <div class="categories__inner categories__menu">
            <div class="categories__inner--left">
              <ul class="categories__menu-list">

                <li>
                  <a href="#">
                    Chairs
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Armchairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Bar chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Stools</a>
                        <li class="categories__submenu-item">
                          <a href="#">Folding chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Children's chairs</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    Tables
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Dinner table</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Bar table</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Coffee table</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Computer table</a>
                        <li class="categories__submenu-item">
                          <a href="#">Children's table</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    Computer chairs
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Gaming chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Exucutive chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Office chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Office armchairs</a>
                        <li class="categories__submenu-item">
                          <a href="#">Children's seats</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    Banquet furniture
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Banquet chairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Banquet table</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Carts</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Furniture for catering</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    kits
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Lunch groups</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Chair sets</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Carts</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Furniture for catering</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    Other goods
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Consoles</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Banquets</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Puffs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Candles</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

              </ul>
            </div>

            <div class="categories__inner--right">
              <ul class="categories__menu-list">

                <li>
                  <a href="#">
                    Collections
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Eames</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Tolix</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Soft armchairs</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Designer collection</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

                <li>
                  <a href="#">
                    Discounts
                    <ul class="categories__inner-submenu categories__submenu">
                      <div class="categories__submenu-items">
                        <li class="categories__submenu-item">
                          <a href="#">Clearance sale</a>
                        </li>
                        <li class="categories__submenu-item">
                          <a href="#">Stocks</a>
                        </li>
                      </div>
                    </ul>
                  </a>
                </li>

              </ul>
            </div>
          </div>
        </div>
      </section>

      <section class="slider">
        <div class="container">
          <div class="slider__inner">

            <div class="slider__item js-slider">
              <div class="slider__item-img img" style="background-image: url(images/slider-1.jpg);"></div>
              <div class="slider__item-info">
                <div class="slider__suptitle">Prices are lower</div>
                <div class="slider__title">Chair Eames DSW Style 24$</div>
                <a class="slider__btn js-slider-btn" href="#">More details</a>
              </div>
              <div class="slider__item-dots">
                <div class="slider__item-dots--left">
                  <div class="slider__item-dots__total">4</div>
                </div>
              </div>
            </div>

            <div class="slider__item js-slider">
              <div class="slider__item-img img" style="background-image: url(images/slider-2.jpg);"></div>
              <div class="slider__item-info">
                <div class="slider__suptitle">On a remote site</div>
                <div class="slider__title">Discount up to 40% on office chairs</div>
                <a class="slider__btn js-slider-btn" href="#">More details</a>
              </div>
              <div class="slider__item-dots">
                <div class="slider__item-dots--left">
                  <div class="slider__item-dots__total">4</div>
                </div>
              </div>
            </div>

            <div class="slider__item js-slider">
              <div class="slider__item-img img" style="background-image: url(images/slider-3.jpg);"></div>
              <div class="slider__item-info">
                <div class="slider__suptitle">New chairs in very home</div>
                <div class="slider__title">Discount up to 50%</div>
                <a class="slider__btn js-slider-btn" href="#">More details</a>
              </div>
              <div class="slider__item-dots">
                <div class="slider__item-dots--left">
                  <div class="slider__item-dots__total">4</div>
                </div>
              </div>
            </div>

            <div class="slider__item js-slider">
              <div class="slider__item-img img" style="background-image: url(images/slider-4.jpg);"></div>
              <div class="slider__item-info">
                <div class="slider__suptitle">The kit is cheaper!</div>
                <div class="slider__title">15% discount on dining</div>
                <a class="slider__btn js-slider-btn" href="#">More details</a>
              </div>
              <div class="slider__item-dots">
                <div class="slider__item-dots--left">
                  <div class="slider__item-dots__total">4</div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section>

      <section class="sales-leaders">
        <div class="container">
          <div class="sales-leaders__title title animate-right">Sales leaders</div>
          <div class="sales-leaders__subtitle animate-right">The most popupar models from all categories of the online store</div>
          <div class="sales-leaders__items" id="boxs">

            <div class="sales-leaders__item box animate-bottom">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-13%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-1.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Chair office TopChairs Benefit black
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">78,5$</div>
                  <div class="sales-leaders__price--old">90$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box animate-bottom">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-15%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-2.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Chair Venus diamond velor brown
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">142,7$</div>
                  <div class="sales-leaders__price--old">168,5$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box animate-bottom">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-37%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-3.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Coffee table Barrel
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">142,7$</div>
                  <div class="sales-leaders__price--old">225,5$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box animate-bottom">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-30%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-4.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Chair Monarch pink
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">99$</div>
                  <div class="sales-leaders__price--old">130$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-42%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-5.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Chair Eames DSW white
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">25,5$</div>
                  <div class="sales-leaders__price--old">44$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-23%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-6.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Arianda chair black
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">42,7$</div>
                  <div class="sales-leaders__price--old">55,5$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-8%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-7.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Table Eames DSW D80 glass
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">142,7$</div>
                  <div class="sales-leaders__price--old">155,5$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="sales-leaders__item box">
              <div class="sales-leaders__inner">
                <div class="sales-leaders__discount">
                  sale<span>-10%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="sales-leaders__images">
                  <a href="#"><img src="images/sales-leaders-8.jpeg" alt="sales leaders images"></a>
                </div>
                <div class="sales-leaders__description">
                  Dining table Vardi 90 * 90 walnut
                </div>
                <div class="sales-leaders__price">
                  <div class="sales-leaders__price--new">135,5$</div>
                  <div class="sales-leaders__price--old">122$</div>
                </div>
                <div class="sales-leaders__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="sales-leaders__text">Buy</div>
                      <div class="sales-leaders__icon icon-shopping-cart"></div>
                    </a>
                    <a class="sales-leaders__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

          </div>

          <div class="sales-leaders__loadMore" id="loadMore">
            Load more
          </div>

        </div>
      </section>

      <section class="collections">
        <div class="container">
          <div class="collections__mainTitle title">Collections</div>
          <div class="collections__inner">

            <div class="collections__item js-slider">
              <div class="collections__item-wrapper">
                <div class="collections__item-left">
                  <div class="collections__item-left__img img"
                    style="background-image: url(images/collection-slider-1.jpg);"></div>
                  <div class="collections__item-left__info">
                    <div class="collections__item-left__title">Collection Eames</div>
                    <a class="collections__item-left__btn js-slider-btn" href="#">More details</a>
                  </div>
                </div>
                <div class="collections__item-right">
                  <div class="collections__item-right__img">
                    <img src="images/collection-slider-right-1.jpeg" alt="collection slider images">
                  </div>
                  <div class="collections__item-right__inner">
                    <div class="collections__item-right__title">Chair Eames DSW beige</div>
                    <div class="collections__item-right__price">
                      <div class="collections__item-right__price--new">28,5$</div>
                      <div class="collections__item-right__price--old">42,7$</div>
                    </div>
                    <div class="collections__item-right__description">
                      Laconic chair made of high-quality and durable PP plastic with legs made of cult of wood and
                      metal.
                    </div>
                    <div class="collections__item-right__bottom">
                      <a class="button-buy" href="#"></a>
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="collections__item js-slider">
              <div class="collections__item-wrapper">
                <div class="collections__item-left">
                  <div class="collections__item-left__img img"
                    style="background-image: url(images/collection-slider-2.jpg);"></div>
                  <div class="collections__item-left__info">
                    <div class="collections__item-left__title">Collection Tolix</div>
                    <a class="collections__item-left__btn js-slider-btn" href="#">More details</a>
                  </div>
                </div>
                <div class="collections__item-right">
                  <div class="collections__item-right__img">
                    <img src="images/collection-slider-right-2.jpeg" alt="collection slider images">
                  </div>
                  <div class="collections__item-right__inner">
                    <div class="collections__item-right__title">Bar chair TOLIX WOOD aquamarine</div>
                    <div class="collections__item-right__price">
                      <div class="collections__item-right__price--new">57$</div>
                      <div class="collections__item-right__price--old">60$</div>
                    </div>
                    <div class="collections__item-right__description">
                      Tolix bar stool with a wide comfortable seat mode of wood with a natural texture and a metal frame
                      in aquamarine color.
                    </div>
                    <div class="collections__item-right__bottom">
                      <a class="button-buy" href="#"></a>
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="collections__item js-slider">
              <div class="collections__item-wrapper">
                <div class="collections__item-left">
                  <div class="collections__item-left__img img"
                    style="background-image: url(images/collection-slider-3.jpg);"></div>
                  <div class="collections__item-left__info">
                    <div class="collections__item-left__title">Sofr armshairs</div>
                    <a class="collections__item-left__btn js-slider-btn" href="#">More details</a>
                  </div>
                </div>
                <div class="collections__item-right">
                  <div class="collections__item-right__img">
                    <img src="images/collection-slider-right-3.jpeg" alt="collection slider images">
                  </div>
                  <div class="collections__item-right__inner">
                    <div class="collections__item-right__title">Chair Grand Velor pink</div>
                    <div class="collections__item-right__price">
                      <div class="collections__item-right__price--new">235,5$</div>
                      <div class="collections__item-right__price--old">314$</div>
                    </div>
                    <div class="collections__item-right__description">
                      A chair with a wide comfortable seat a high soft back, upholstered in velor.
                    </div>
                    <div class="collections__item-right__bottom">
                      <a class="button-buy" href="#"></a>
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="collections__item js-slider">
              <div class="collections__item-wrapper">
                <div class="collections__item-left">
                  <div class="collections__item-left__img img"
                    style="background-image: url(images/collection-slider-4.jpg);"></div>
                  <div class="collections__item-left__info">
                    <div class="collections__item-left__title">Designer collection</div>
                    <a class="collections__item-left__btn js-slider-btn" href="#">More details</a>
                  </div>
                </div>
                <div class="collections__item-right">
                  <div class="collections__item-right__img">
                    <img src="images/collection-slider-right-4.jpeg" alt="collection slider images">
                  </div>
                  <div class="collections__item-right__inner">
                    <div class="collections__item-right__title">Coffee table 120 * 60 Broklyn silver</div>
                    <div class="collections__item-right__price">
                      <div class="collections__item-right__price--new">290$</div>
                      <div class="collections__item-right__price--old">361$</div>
                    </div>
                    <div class="collections__item-right__description">
                      Coffee table with elegant stinless stell frame, tabletop - tempred glass/
                    </div>
                    <div class="collections__item-right__bottom">
                      <a class="button-buy" href="#"></a>
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section>

      <section class="new-items">
        <div class="container">
          <div class="new-items__title title animate-left">New items</div>
          <div class="new-items__subtitle animate-left">Pay attention to the latest arrivals</div>
          <div class="new-items__items" id="newBoxs">

            <div class="new-items__item newBox animate-bottom">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>5%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-1.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Eames D80 Glass Dining Group, 2 Transparent Eames Chairs
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">199$</div>
                  <div class="new-items__price--old">211$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox animate-bottom">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-25%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-itemss__images">
                  <a href="#"><img src="images/new-items-2.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Chair Grand Velor pink
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">235,5$</div>
                  <div class="new-items__price--old">314$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="sales-leaders__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox animate-bottom">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-10%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-3.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Chair Venus velor gray
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">128,5$</div>
                  <div class="new-items__price--old">141,3$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox animate-bottom">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-17%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-4.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Chair office TopChairs Bonus gray
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">99$</div>
                  <div class="new-items__price--old">117$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-5%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-5.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Eames D80 dining group, 2 Eames chairs white
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">182,7$</div>
                  <div class="new-items__price--old">192,4$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-6.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Gudi Dining Group, Vincent Chairs Beige
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">441,3$</div>
                  <div class="new-items__price--old">519,3$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-7.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Oswald launch group, chairs valencia velor gray
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">292,7$</div>
                  <div class="new-items__price--old">345$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="new-items__item newBox">
              <div class="new-items__inner">
                <div class="new-items__discount">
                  sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                  </span>
                </div>
                <div class="new-items__images">
                  <a href="#"><img src="images/new-items-8.jpeg" alt="new-items images"></a>
                </div>
                <div class="new-items__description">
                  Launch group oswald, chairs lyon velor with mint rhombuses
                </div>
                <div class="new-items__price">
                  <div class="new-items__price--new">385,5$</div>
                  <div class="new-items__price--old">453,5$</div>
                </div>
                <div class="new-items__hidden">
                  <div class="new-items__bottom">
                    <a class="botton-buy" href="#">
                      <div class="new-items__text">Buy</div>
                      <div class="new-items__icon icon-shopping-cart"></div>
                    </a>
                    <a class="new-items__buy" href="#">Buy in one click</a>
                  </div>
                </div>
              </div>
            </div>

          </div>

          <div class="new-items__loadMore" id="newItemsLoadMore">
            Load more
          </div>

        </div>
      </section>

      <section class="projects">
        <div class="container">
          <div class="projects__title title animate-left">Projects</div>
          <div class="projects__subtitle animate-left">Projects Mebel Group</div>
          <a class="projects__goToProjects animate-left" href="#">Go to projects</a>

          <div class="projects__cards">

            <div class="projects__card animate-bottom">
              <div class="projects__card-inner">
                <img src="images/projects-card-1.jpg" alt="projects-card">
                <div class="projects__card-link">
                  <div class="projects__card-title">Beauty salon Lumi Bar</div>
                  <div class="projects__card-info">
                    <div class="projects__card-descr">Russia</div>
                    <a class="projects__card-details" href="#">More details</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="projects__card animate-bottom">
              <div class="projects__card-inner">
                <img src="images/projects-card-2.jpg" alt="projects-card">
                <div class="projects__card-link">
                  <div class="projects__card-title">Casa Picassa</div>
                  <div class="projects__card-info">
                    <div class="projects__card-descr">Russia</div>
                    <a class="projects__card-details" href="#">More details</a>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section>

      <!-- start sidebar -->
      <div class="menu">
        <div class="close-menu">
          <ion-icon name='close'></ion-icon>
        </div>

        <div class="nav">
          <ul class="main-menu">
            <li class="main-menu-item sidebar__title">Catalog</li>

            <li class="main-menu-item">
              <a href="#">Chairs
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Armchairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Bar chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Stools</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Folding chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Children chairs</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Tables
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Dinner table</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Bar table</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Coffee table</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Computer table</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Children's table</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Computer chairs
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Gaming chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Executive chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Coffee chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Office armchairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Children's chairs</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Banquet furniture
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Banquet chairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Banquet tables</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Carts</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Furniture for catering</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Kits
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Lunch groups</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Chairs sets</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Other goods
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Consoles</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Banquets</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Puffs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Candles</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Collections
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Eames</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Tolix</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Soft armchairs</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Designer collection</a>
                </li>
              </ul>
            </li>

            <li class="main-menu-item">
              <a href="#">Discounts
                <ion-icon name='add'></ion-icon>
              </a>
              <ul class="sidebar__submenu">
                <li class="submenu-item">
                  <a href="#">Clearence sale</a>
                </li>
                <li class="submenu-item">
                  <a href="#">Stocks</a>
              </ul>
            </li>

            <li class="main-menu-item sidebar__title">Contacts</li>
            <li class="main-menu-item sidebar__title">Support Service</li>
            <li class="main-menu-item sidebar__title">Personal Area</li>

          </ul>
        </div>
      </div>
      <!-- end sidebar -->
    </div>
    <footer class="footer">
      <div class="container">
        <div class="footer__inner">
          <div class="footer__inner-title title">Mebel Group</div>

          <div class="footer__items">

            <div class="footer__item">
              <div class="footer__item-title">Contacts</div>
              <ul class="footer__item-list">
                <li><a href="#">About as</a></li>
                <li><a href="tel:84951265327">+7 (495) 126-53-27</a></li>
                <li><a href="mailto:info@mebelgroup.ru">info@mebelgroup.ru</a></li>
              </ul>
            </div>

            <div class="footer__item">
              <div class="footer__item-title">Support Service</div>
              <ul class="footer__item-list">
                <li><a href="#">Feedback</a></li>
                <li><a href="#">Map of site</a></li>
                <li><a href="#">Terms of service</a></li>
              </ul>
            </div>

            <div class="footer__item">
              <div class="footer__item-title">Personal Area</div>
              <ul class="footer__item-list">
                <li><a href="#">Personal Area</a></li>
                <li><a href="#">History of orders</a></li>
                <li><a href="#">Newsletter</a></li>
              </ul>
            </div>

            <div class="footer__item">
              <div class="footer__item-title">Designed by</div>
              <ul class="footer__item-list">
                <li><a href="#">
                    <img class="icon__payments" src="images/small_payments.png" alt="logo payments">
                  </a></li>
                <li><a href="#">
                    <img src="images/sellavi-logo.png" alt="sellavi-logo">
                  </a></li>
              </ul>
            </div>

          </div>
          <div class="footer__bottom">
            <div class="footer__bottom-copyright">© 2020 Mebel Group</div>
            <div class="footer__bottom-privacyPolicy">Privacy Policy</div>
            <div class="footer__bottom-termsOfUse">Terms of use</div>
          </div>
        </div>
      </div>
    </footer>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
    <script src="https://unpkg.com/scrollreveal"></script>
  <script src="js/libs.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>